<!DOCTYPE html>
<html>

<head>
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <title>AbsoluteAdmin - A Responsive Boostrap 3 Admin Dashboard</title>
  <meta name="keywords" content="Bootstrap 3 Admin Dashboard Template Theme" />
  <meta name="description" content="AdminDesigns - Bootstrap 3 Admin Dashboard Theme">
  <meta name="author" content="AdminDesigns">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  {include file="/public/import_file" /}


</head>

<body class="profile-page">

 

  <!-- Start: Main -->
  <div id="main">

    <!-- Start: Header -->
      {include file="/public/header" /}
    <!-- End: Header -->

    <!-- Start: Sidebar -->
    <aside id="sidebar_left" class="nano nano-light affix">

      <!-- Start: Sidebar Left Content -->
      <div class="sidebar-left-content nano-content">

        <!-- Start: Sidebar Menu -->
       {include file="/public/menu" /}
        <!-- End: Sidebar Menu -->

        <!-- Start: Sidebar Collapse Button -->
        <div class="sidebar-toggle-mini">
          <a href="#">
            <span class="fa fa-sign-out"></span>
          </a>
        </div>
        <!-- End: Sidebar Collapse Button -->

      </div>
      <!-- End: Sidebar Left Content -->

    </aside>

    <!-- Start: Content-Wrapper -->
    <section id="content_wrapper">

    

      <!-- Start: Topbar -->
      <header id="topbar" class="alt">
        <div class="topbar-left">
          <ol class="breadcrumb">
            <li class="crumb-active">
              <a href="#">修改餐厅信息</a>
            </li>
            <li class="crumb-icon">
              <a href="#">
                <span class="glyphicon glyphicon-home"></span>
              </a>
            </li>
            
            
          </ol>
        </div>
        
      </header>
      <!-- End: Topbar -->

      <!-- Begin: Content -->
      <section id="content" class="animated fadeIn">

       
          

            <!-- Validation Example -->
             <form method="post" action="{:url('editshop')}" id="admin-form" enctype="multipart/form-data">
            <div class="admin-form theme-primary mw1000 center-block" style="padding-bottom: 175px;">

              <div class="panel heading-border panel-primary">

               

                  <div class="panel-body bg-light">

                    <div class="section-divider mt20 mb40">
                      <span style="font-size: 16px"> 修改店铺信息 </span>
                    </div>
                    <!-- .section-divider -->


                     <div class="section row mbn">
                    <div class="col-md-4">
                      <div class="fileupload fileupload-new admin-form" data-provides="fileupload">
                        <div class="fileupload-preview thumbnail mb20">
                          <img data-src="holder.js/100%x140" alt="holder"src="__PUBLIC__/static/admin/Uploads/shoppic/{$shop.pic}">
                        </div>
                        <div class="row">
                          <div class="col-xs-7 pr5">
                            <p type="text" name="name2" id="name2" class="text-center event-name gui-input br-light bg-light" placeholder="Img Keywords">*上传店铺封面图</p>
                            <label for="name2" class="field-icon"></label>
                          </div>
                          <div class="col-xs-5">
                            <span class="button btn-system btn-file btn-block">
                              <span class="fileupload-new">选择</span>
                              <span class="fileupload-exists">重选</span>
                              <input type="file" name="pic" value="{$shop.pic}" >
                            </span>
                          </div> 
                        </div><!--end row-->
                      </div>
                    </div><!--end col-md-4-->
                    <div class="col-md-8 pl15">

                      <div class="section mb4">
                      <div class="row">
                          <div class="col-xs-3 pr5" style="margin-top: -1px">
                            <p class="text-center event-name gui-input br-light bg-light" placeholder="Img Keywords">*店铺名称：</p>
                            <label for="name2" class="field-icon"></label>
                          </div>
                          <div class="col-xs-9" style="margin-top: -1px">
                            <label for="name2" class="field prepend-icon">
                            <input type="text" name="shopname" id="name2" class="event-name gui-input br-light light" value="{$shop.shopname}" placeholder="输入店铺名称">
                             <label for="name2" class="field-icon">
                             <i class="fa fa-tag"></i>
                             </label>
                            </label>
                          </div> 
                        </div><!--end row-->

                        <div class="row">
                          <div class="col-xs-3 pr5" style="margin-top: -12px">
                            <p class="text-center event-name gui-input br-light bg-light" placeholder="Img Keywords">*营业时间：</p>
                            <label for="name2" class="field-icon"></label>
                          </div>
                          <div class="col-xs-1 pr5" style="margin-top: -12px">
                            <p class="text-center event-name gui-input br-light bg-light" placeholder="Img Keywords">早</p>
                            <label for="name2" class="field-icon"></label>
                          </div>
                          <div class="col-xs-4 pr5" style="margin-top: -12px">
                            <label for="timepicker1" class="field prepend-icon">
                             <input type="text" id="timepicker1" name="shoptime_m" value="{$shop_m}" class="gui-input" placeholder="选择时间">
                          <label class="field-icon">
                            <i class="fa fa-clock-o"></i>
                          </label>
                           </label>
                          </div>

                          <div class="col-xs-1 pr5" style="margin-top: -12px">
                            <p class="text-center event-name gui-input br-light bg-light" placeholder="Img Keywords">晚</p>
                            <label for="name2" class="field-icon"></label>
                          </div> 

                          <div class="col-xs-3 pr5" style="margin-top: -12px">
                            <label for="timepicker2" class="field prepend-icon">
                             <input type="text" id="timepicker2" name="shoptime_a" class="gui-input" value="{$shop_a}" placeholder="选择时间">
                          <label class="field-icon">
                            <i class="fa fa-clock-o"></i>
                          </label>
                           </label>
                          </div>

                        </div><!--end row-->

                         <div class="row">
                          <div class="col-xs-3 pr5" style="margin-top: -12px">
                            <p class="text-center event-name gui-input br-light bg-light" placeholder="Img Keywords">*联系方式：</p>
                            <label for="name2" class="field-icon"></label>
                          </div>
                          <div class="col-xs-9" style="margin-top: -12px">
                            <label for="name2" class="field prepend-icon">
                            <input type="text" name="phonenum" id="name2" class="event-name gui-input br-light light" value="{$shop.phonenum}" placeholder="输入联系方式">
                             <label for="name2" class="field-icon">
                             <i class="fa fa-phone"></i>
                             </label>
                            </label>
                          </div> 
                        </div><!--end row-->

                         <div class="row">
                          <div class="col-xs-3 pr5" style="margin-top: -12px">
                            <p class="text-center event-name gui-input br-light bg-light" placeholder="Img Keywords">*服务环境：</p>
                            <label for="name2" class="field-icon"></label>
                          </div>
                          <div class="col-xs-9" style="margin-top: -12px">
                            <label class="field select">
                        <select id="language" name="service" title="是否有wify">
                          {if condition="($shop.state  == 1)"}
                             <option value="{$shop.state}">有wify</option>
                             <option value="0">没有wify</option>{else/}
                             <option value="{$shop.state}">没有wify</option>
                             <option value="1">有wify</option>
                             {/if}
                          
                        </select>
                        <i class="arrow double"></i>
                      </label>
                          </div> 
                        </div><!--end row-->


                      </div>
                     
                    </div>
                    <!--end col-md-8-->
                  </div><!--end div section row btn-->





                

                    

                    <div class="section" id="spy3">
                     
                       <span class="input-footer" style="margin-bottom: -1px" >
                          <strong >*店铺地址</strong> 
                        </span>
                         <label for="comment" class="field prepend-icon">
                        <textarea class="gui-textarea" id="comment" name="address" placeholder="{$shop.address}">{$shop.address}</textarea>
                        <label for="comment" class="field-icon">
                          <i class="fa fa-map-marker"></i>
                        </label>
                        
                      </label>
                    </div>
                    <!-- end section -->

                    <div class="section" id="spy3">
                     
                       <span class="input-footer" style="margin-bottom: -1px" >
                          <strong >*店铺介绍</strong> 
                        </span>
                         <label for="comment" class="field prepend-icon">
                        <textarea class="gui-textarea" id="comment" name="intro" placeholder="{$shop.intro}">{$shop.intro}</textarea>
                        <label for="comment" class="field-icon">
                          <i class="octicon octicon-file-text "></i>
                        </label>
                        
                      </label>
                    </div>
                    <!-- end section -->

                    <div class="section" id="spy3">
                     
                       <span class="input-footer" style="margin-bottom: -1px" >
                          <strong >*备注</strong> 
                        </span>
                         <label for="comment" class="field prepend-icon">
                        <textarea class="gui-textarea" id="comment" name="comment" placeholder="{$shop.comment}">{$shop.comment}</textarea>
                        <label for="comment" class="field-icon">
                          <i class="fa fa-edit"></i>
                        </label>
                        
                      </label>
                    </div>
                    <!-- end section -->

               
                  </div>
                  <!-- end .form-body section -->
                  <div class="panel-footer text-right">
                    <button type="reset" class="button"> 重置 </button>
                    <button type="submit" class="button btn-primary">修改</button>
                    
                  </div>
                  <!-- end .form-footer section -->
                </form>

              </div>

            </div>
            <!-- end: .admin-form -->

        
          
      </section>
      <!-- End: Content -->

    </section>

   

  </div>
  <!-- End: Main -->

  <!-- BEGIN: PAGE SCRIPTS -->

  <!-- jQuery -->
  <script src="__PUBLIC__/static/admin/vendor/jquery/jquery-1.11.1.min.js"></script>
  <script src="__PUBLIC__/static/admin/vendor/jquery/jquery_ui/jquery-ui.min.js"></script>

  <!-- AdminForms JS -->
  <script src="__PUBLIC__/static/admin/assets/admin-tools/admin-forms/js/jquery-ui-monthpicker.min.js"></script>
  <script src="__PUBLIC__/static/admin/assets/admin-tools/admin-forms/js/jquery-ui-datepicker.min.js"></script>
  <script src="__PUBLIC__/static/admin/assets/admin-tools/admin-forms/js/jquery.spectrum.min.js"></script>
  <script src="__PUBLIC__/static/admin/assets/admin-tools/admin-forms/js/jquery.stepper.min.js"></script>

  <!-- FileUpload JS -->
  <script src="__PUBLIC__/static/admin/vendor/plugins/fileupload/fileupload.js"></script>
  <script src="__PUBLIC__/static/admin/vendor/plugins/holder/holder.min.js"></script>

  <!-- Tagmanager JS -->
  <script src="__PUBLIC__/static/admin/vendor/plugins/tagsinput/tagsinput.min.js"></script>

  <!-- Theme Javascript -->
  <script src="__PUBLIC__/static/admin/assets/js/utility/utility.js"></script>
  <script src="__PUBLIC__/static/admin/assets/js/demo/demo.js"></script>
  <script src="__PUBLIC__/static/admin/assets/js/main.js"></script>
  <script type="text/javascript">
  jQuery(document).ready(function() {

    "use strict";

    // Init Theme Core    
    Core.init();

    // Init Demo JS  
    Demo.init();

    // select list dropdowns - placeholder like creation
    var selectList = $('.admin-form select');
    selectList.each(function(i, e) {
      $(e).on('change', function() {
        if ($(e).val() == "0") $(e).addClass("empty");
        else $(e).removeClass("empty")
      });
    });
    selectList.each(function(i, e) {
      $(e).change();
    });

    // Init TagsInput plugin
    $("input#tagsinput").tagsinput({
      tagClass: function(item) {
        return 'label bg-primary light';
      }
    });

  });

    /* @time picker
     ------------------------------------------------------------------ */
    $('.inline-tp').timepicker();

    $('#timepicker1').timepicker({
      beforeShow: function(input, inst) {
        var newclass = 'admin-form';
        var themeClass = $(this).parents('.admin-form').attr('class');
        var smartpikr = inst.dpDiv.parent();
        if (!smartpikr.hasClass(themeClass)) {
          inst.dpDiv.wrap('<div class="' + themeClass + '"></div>');
        }
      }
    });

     $('#timepicker2').timepicker({
      beforeShow: function(input, inst) {
        var newclass = 'admin-form';
        var themeClass = $(this).parents('.admin-form').attr('class');
        var smartpikr = inst.dpDiv.parent();
        if (!smartpikr.hasClass(themeClass)) {
          inst.dpDiv.wrap('<div class="' + themeClass + '"></div>');
        }
      }
    });

    
  </script>
  <!-- END: PAGE SCRIPTS -->

</body>

</html>
